How To Change WordPress Login Logo Without Plugin?
November 19th, 2016 | by Ravi Chahar || 8 Comments |
When you open the page to login to your WordPress admin panel, you can see the WordPress default logo above the form.
What would you do if you want to change WordPress login logo? And the main thing is that nowadays, people are avoiding plugins.
So in this article, you will learn the procedure to replace the default login logo with your own picture without any plugin.
Let me Provide You The Guide To Change WordPress Login Logo.
As you all know, one of the most important files in WordPress is the functions.php file. You have to edit this file. If you know a little bit about the WordPress theme files then functions.php file is the master file.
Just open cPanel>>file-manager>>wp-content.php>>themes>>themename>>functions.php and open to edit it.
You can also edit this file after logging in to the WordPress admin panel. Just go to appearance>>editor>>functions.php.
Let me show the code to place.
echo ‘<style type=”text/css”>
h1 a {background-image: url(‘.get_bloginfo(‘template_directory’).’/images/RaviChahar.JPG) !important; }
</style>’;
}
add_action(‘login_head’, ‘your_login_logo’);
Save the file and check the image.
NOTE:- Here I have added the file name as “RaviChahar.JPG“. Make sure that you replace it with the name of your file followed by its extension.
If your theme doesn’t contain any folder named “images” then create it and then add the image you want to show on the WordPress login page.
Let me show you the output.
Sometimes, people just copy and paste the code and get an error. You should know how to add custom code in WordPress properly.
Isn’t That Easy To Change WordPress Login Logo?
Such kinds of things are so easy yet risky. A non-techie person always gets afraid of these things. Well, there is nothing to get scared.
As you can see, there are only a few lines of code. The best part is that if you know a little bit WordPress coding then you would understand everything.
You can change the function name according to you. The main thing is that you add the proper path of the image.
Related Posts
8 comments
Leave a Reply
Hi Ravi,
Well, this is another quality post in which you have nicely explained that how one can change WordPress Login Logo Without Plugin. Hopefully, this tutorial helps out bloggers a lot.
Many thanks for sharing with us another useful tutorial post ?
Keep writing
Regards
Mairaj
Hey Mairaj,
It’s always good to know that the tutorials are helping someone is any way. Adding the logo is a really easy job. You can try it and let us know.
Thanks for stopping by.
Have a great weekend.
~Ravi
Hehe it is amazing what you can do if know even a little bit of HTML/CSS/PHP. That’s the nice savvy technique that you showed above, so people can feel more control on their site ?
Let me be selfish a little and share my own plugin with you. It is also related to the login page.
It is called Motivate Me.
What does it do?
Whenever you will open a login page of your site, it will show you a motivational quote to get going with your day and achieve your goals.
Don’t forget to try it Ravi ?
Hey Jawwad,
Using these languages, you can do a lot of things with your WordPress website. You can alter the design of your whole website.
Just be a tech savvy person and enjoy it.
Thanks for sharing your views.
~Ravi
Hello, Ravi!
Thank you for sharing it!
I am excited to experiment it on my blog to show my own face.
This really is giving it a personal touch right from the login page. ?
I will must bug you in case I hit with anything. ?
~ Adeel
Hey Adeel,
You know that it’s from your own perspective. No one else is going to see your login page. So you can change the logo just to feel like yourself. It’s good to see your own picture.
Sure, I am here to help.
~Ravi
Hey Ravi,
Thanks for this amazing tutorial, Finally I have delete the logo plugin ?
This will definitely positive signal for my web load time.
Glad to know this code ?
Hi Junaid,
I am glad that I could help.
Feel free to search for the articles you need.
Enjoy your stay.
~Ravi